<template>
    <div class="singer-home">
        <van-nav-bar
         title="歌手详情"
         left-text="返回"
         left-arrow
         @click-left="onClickLeft"
        />
        <!-- 标签页 -->
    <van-tabs v-model="active">
        <van-tab title="百科">
            <SingerIntro :singerId="id"/>
        </van-tab>
        <van-tab title="歌曲">
            <SingerSong :singerId="id"/>
        </van-tab>
    </van-tabs>
    </div>
</template>
<script>
import SingerIntro from './components/SingerIntro.vue'
import SingerSong from './components/SingerSong.vue'
export default {
    data() {
    return {
      active: 0,
      id: this.$route.params.id
    };
  },
   methods:{
    onClickLeft(){
        //如果历史记录大于1，那么返回到上一层，如果历史记录小于等于1，返回到根路由
        this.$router.go(-1);
      },
   },
   components:{
    SingerIntro,
    SingerSong
   }
}
</script>
<style scoped>

</style>